import {defineComponent, ref, watchEffect} from 'vue';
import {RouterView} from 'vue-router';
import "./index.css";
import {LayoutFooter, LayoutHeader} from "@/layouts";

export default defineComponent({
    name: 'typography-layout',
    setup(props, {slots}) {
        return () => (
            <div class="layout-container">
                <LayoutHeader></LayoutHeader>
                <div class={"layout-main__wrapper"}>
                    {slots.aside?.()}
                    <RouterView/>
                </div>
                <LayoutFooter></LayoutFooter>
            </div>
        );
    },
})
